<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- grids_of_4 -->
		<div class="grids_of_4">
		  <div class="grid1_of_4">
				<div class="content_box"><a href="details.html">
			   	  <div class="view view-fifth">
			   	   	 <img src="images/book/book14.jpg" class="img-responsive" alt=""/>
				   	   	<div class="mask">
				   	   	    <div class="info">Quick View</div>
				   	   	</div>
				   	  </a>
				   </div>
				    <h4><a href="details.html">月亮与六便士</a></h4>
				     <p>满地都是六便士,</p>
				     <p>他却抬头看见了月亮</p>
				     <span>¥35</span>
			   	</div>
			</div>
			<div class="grid1_of_4">
				<div class="content_box"><a href="details.html">
			   	  <div class="view view-fifth">
			   	   	 <img src="images/book/book12.jpg" class="img-responsive" alt=""/>
				   	   	<div class="mask">
		                    <div class="info">Quick View</div>
			            </div>
				   	  </a>
				   </div>
				    <h4><a href="details.html">橘子不是唯一的水果</a></h4>
				     </p>橘子不是唯一的水果,</p>
				     </p>就像世间没有唯一的答案。</p>
				     <span>¥20</span>
			   	</div>
			</div>
			<div class="grid1_of_4">
				<div class="content_box"><a href="details.html">
			   	  <div class="view view-fifth">
			   	   	 <img src="images/book/book13.jpg" class="img-responsive" alt=""/>
				   	   	<div class="mask">
		                    <div class="info">Quick View</div>
			            </div>
				   	  </a>
				   </div>
				    <h4><a href="details.html">毕业</a></h4>
				     <p>所谓事实的背后,</p>
				     <p>只是一个个欲盖弥彰的误会</p>
				     <span>¥29</span>
			   	</div>
			</div>
			
		
		  <div class="grid1_of_4">
				<div class="content_box"><a href="details.html">
			   	  <div class="view view-fifth">
			   	   	 <img src="images/book/book11.jpg" class="img-responsive" alt=""/>
				   	   	<div class="mask">
		                    <div class="info">Quick View</div>
			            </div>
				   	  </a>
				   </div>
				    <h4><a href="details.html">第七天</a></h4>
				     <p>——现实的荒诞比小说更甚。</p>
				     <p></p>
				     <span>¥34</span>
			   	</div>
			</div>
			<div class="grid1_of_4">
				<div class="content_box"><a href="details.html">
			   	  <div class="view view-fifth">
			   	   	 <img src="images/book/book15.jpg" class="img-responsive" alt=""/>
				   	   	<div class="mask">
		                    <div class="info">Quick View</div>
			            </div>
				   	  </a>
				   </div>
				    <h4><a href="details.html">了不起的女孩</a></h4>
				     <p>——100个改变世界的传奇女性</p>
				      <span>¥27</span>
			   	</div>
			</div>
			<div class="grid1_of_4">
				<div class="content_box"><a href="details.html">
			   	  <div class="view view-fifth">
			   	   	 <img src="images/book/book86.jpg" class="img-responsive" alt=""/>
				   	   	<div class="mask">
		                    <div class="info">Quick View</div>
			            </div>
				   	  </a>
				   </div>
				    <h4><a href="details.html">爱你就像爱生命</a></h4>
				     <p>——但愿我和你是一首唱不完的歌</p>
				     <span>¥29</span>
			   	</div>
			</div>
			
		
		  <div class="grid1_of_4">
				<div class="content_box"><a href="details.html">
			   	  <div class="view view-fifth">
			   	   	 <img src="images/book/book32.jpg" class="img-responsive" alt=""/>
				   	   	<div class="mask">
		                    <div class="info">Quick View</div>
			            </div>
				   	  </a>
				   </div>
				    <h4><a href="details.html">和时间赛跑</a></h4>
				     <p>假若你一直和时间赛跑，</p>
				     <p>你就可以成功。</p>
				     <span>¥38</span>
			   	</div>
			</div>
			<div class="grid1_of_4">
				<div class="content_box"><a href="details.html">
			   	  <div class="view view-fifth">
			   	   	 <img src="images/book/book24.jpg" class="img-responsive" alt=""/>
				   	   	<div class="mask">
		                    <div class="info">Quick View</div>
			            </div>
				   	  </a>
				   </div>
				    <h4><a href="details.html">听听那冷雨</a></h4>
				     <p>梦是一床太短的被，</p>
				     <p>无论如何也盖不完满。</p>
				     <p></p>
				     <span>¥29</span>
			   	</div>
			</div>
			<div class="grid1_of_4">
				<div class="content_box"><a href="details.html">
			   	  <div class="view view-fifth">
			   	   	 <img src="images/book/book16.jpg" class="img-responsive" alt=""/>
				   	   	<div class="mask">
		                    <div class="info">Quick View</div>
			            </div>
				   	  </a>
				   </div>
				    <h4><a href="details.html">嘿，小家伙</a></h4>
				     <p>愿这些如繁星的睡前故事，</p>
				     <p>驱散你梦中的黑暗。</p>
				     <span>¥33</span>
			   	</div>
			</div>
			
			<div class="clearfix"></div>
		</div>
		<!-- end grids_of_4 -->
	</body>
</html>
